<template>
  <div id="app">
    <Header :_parentThis="this"></Header>
    <transition name="slide">
      <router-view :_parentThis="this"></router-view>
    </transition>
    <Footer></Footer>
    <NavCar :_parentThis="this"></NavCar>
  </div>
</template>

<script>
  import Header from 'components/Header'
  import Footer from 'components/Footer'
  import NavCar from 'components/NavCar'
  export default {
    name: 'app',
    components: {
      Header,
      Footer,
      NavCar
    },
    data: function () {
      return {
        loginStatus: 0,
        isHide: false,
        cartStatus: true,
        realgoldStatus: false,
        chatStatus: false,
        carNum: 0
      }
    }
  }
</script>

<style lang="scss">
  @import "./scss/common.scss";
  @import "../node_modules/bootstrap/dist/css/bootstrap.min.css";
</style>
